<!doctype html>
<html lang="zh">

<head>
   <meta charset="UTF-8">
    <title>编辑设备类型</title>
    <link rel="stylesheet" href="./asset/css/components.css" />
    <link rel="stylesheet" href="./asset/css/bootstrap.css" />
    <link rel="stylesheet" href="./asset/css/plugins.css" />
    <link rel="stylesheet" href="./asset/css/main.css" />
    <link rel="stylesheet" href="./asset/css/themes.css" />
	<link rel="stylesheet" href="./asset/layui/css/layui.css" />
</head>

<body>
    <div id="body">
        <div id="app">
            <div class="tabbody">
                <div class="bodyli active">
                    <div class="inputbox">
                        <span class="title">类型名称</span>
                        <div class="inputright">
                            <input type="text" id="catename" v-model="catename" class="form-control input-sm" placeholder="请输入类型名称">
                        </div>
                    </div>
                    <div class="inputbox">
                        <span class="title">备注</span>
                        <div class="inputright">
                            <input type="text" id="memo" v-model="memo" class="form-control input-sm" placeholder="请输入备注">
                        </div>
                    </div>
            <div class="tbfooter">
                <button class="btn btn-success" @click.prevent="update()"><i class="fa fa-floppy-o"></i> 提交保存</button>
                &nbsp;&nbsp;&nbsp;
                <button class="btn btn-default" @click.prevent="reset()"><i class="fa fa-recycle"></i> 取消重置</button>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="./asset/js/jquery.min.js"></script>
    <script type="text/javascript" src="./asset/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="./asset/js/axios.min.js"></script>
    <script type="text/javascript" src="./asset/js/vue.js"></script>
    <script type="text/javascript">
		const vue = new Vue({
			el: '#app',// 绑定作用域
			data: { //定义数据用于vue的双向绑定
				cateid: '',
				catename: '', // 类型名称
				memo: '', // 备注
			},
			methods: {
				getUrlParam: function () {
					var name, value;
					var str = location.href; // 取得整个地址栏
					var num = str.indexOf("?"); // 定位参数起始位置
					str = str.substr(num + 1); // 取得所有参数 
					var arr = str.split("&"); // 各个参数放到数组里
					for (var i = 0; i < arr.length; i++) {
						num = arr[i].indexOf("=");
						if (num > 0) {
							name = arr[i].substring(0, num);
							value = arr[i].substr(num + 1);
							this.cateid = value; // 确认主键参数
						}
					}
				},
				loadPage: function () {
					let _this = this;
					axios.get('http://127.0.0.1:8080/equipment/cate/getCateById.action?id=' + _this.cateid).then(result => {
						_this.catename= result.data.catename;
						_this.memo= result.data.memo;
					});
				},
				reset: function () {
					this.loadPage();
				},
				update: function () {
					let _this = this;
					var data = {
						cateid: _this.cateid,
						catename: _this.catename,
						memo: _this.memo,
					};
					axios.post('http://127.0.0.1:8080/equipment/cate/updateCate.action', data).then(result => {
						if (result.data.code > 0) {
							var index = parent.layer.getFrameIndex(window.name);
							parent.location.reload();
							parent.layer.close(index);
						} else {
							alert('修改失败');
						}
					});
				},
			},

			created() { // 生命周期相关的函数
				this.getUrlParam();
				this.loadPage();
				let _this = this;
			},
		})
	</script>

</body>

</html>


